<!--<ion-header>-->
  <!--<ion-navbar>-->
    <!--<ion-buttons start>-->
      <!--<button tappable ion-button icon-only (click)="goHomeMenuPage()">-->
        <!--<ion-icon color="Gray-color" name="menu"></ion-icon>-->
      <!--</button>-->
    <!--</ion-buttons>-->
    <!--<ion-title>-->
      <!--<div >-->
        <!--<span>Jimmy</span><br/>-->
        <!--<span class="cut-title">欢迎来到{{factoryName}}</span>-->
      <!--</div>-->
    <!--</ion-title>-->
    <!--<ion-buttons end>-->
      <!--<button tappable ion-button icon-only (click)="goSettingPage()" >-->
        <!--<ion-icon color="Gray-color" name="settings">-->
        <!--</ion-icon>-->
      <!--</button>-->
    <!--</ion-buttons>-->
  <!--</ion-navbar>-->
<!--</ion-header>-->


<ion-header>

  <ion-navbar>
    <ion-title>
      <span *ngIf="item.dateStr === todayStr">今日您已预订</span>
      <span *ngIf="item.dateStr !== todayStr">{{item.dateStr}}</span>
    </ion-title>
  </ion-navbar>

</ion-header>


<ion-content>

  <ion-list no-lines>
    <div *ngFor="let p of item?.list" class="my-card">
      <ion-item-sliding>
        <ion-item tappable (click)="gotoRecordDetail(p)">
          <!--<img src="https://dininghall.blob.core.windows.net/product/bb4ecee246e44ebdad0ef41ca1e8320e.png"/>-->
          <img src="{{p.blobPath}}"/>

          <div class="back-ground">

          </div>

          <div class="card-title">
            <div style="font-size: 3rem">
              {{p.mealType}}
            </div>
            <div style="font-size: 1.7rem">
              {{p.productName}}
            </div>
            <div style="font-size: 1.7rem;font-weight: bolder">
              {{p.factoryName}}-{{p.officeName}}
            </div>
          </div>
        </ion-item>
        <ion-item-options side="right">
          <button [ngClass]="{'unpack-btn': p.isPack === '0'}"  color="dark" ion-button (click)="pack(p.id, p.isPack)">
            <ion-icon name="ios-cube-outline"></ion-icon>
            打包
          </button>
          <button  color="secondary" ion-button (click)="holdOrder(p.id)">
            <ion-icon name="ios-hand-outline"></ion-icon>
            留餐
          </button>
          <!--<button class="operator-button" color="light" ion-button (click)="edit(p.id)">-->
            <!--<ion-icon name="ios-create-outline"></ion-icon>-->
            <!--编辑-->
          <!--</button>-->
          <button  ion-button color="danger" (click)="cancelOrder(p.id)">
            <ion-icon name="ios-trash-outline"></ion-icon>
            退订
          </button>
        </ion-item-options>
      </ion-item-sliding>
      <div style="text-align: center;padding: 3px 0;font-size: 2rem">
        <!--<span *ngIf="item.dateStr === todayStr">今日您已预订</span>-->
        <span> {{p.mealType}}</span>
      </div>
    </div>
  </ion-list>
</ion-content>
